<!DOCTYPE html> 
<html class="ui-mobile-rendering"> 
	<head> 
	<title>Hellogue</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

   <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="<?echo base_url('themes/jquery.mobile.structure-1.0.1.min.css');?>" />
        <link rel="stylesheet" href="<?echo base_url('themes/hellogue.min.css');?>" />
        <link rel="stylesheet" href="<?echo base_url('themes/jquery.mobile.scrollview.css');?>" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
        <script src="<?echo base_url('themes/jquery.easing.1.3.js');?>"></script>
        
        
          <link rel="stylesheet" href="http://dev.jtsage.com/cdn/datebox/1.0.1/jquery.mobile.datebox-1.0.1.css" /> 

  <script src="http://dev.jtsage.com/cdn/datebox/1.0.1/jquery.mobile.datebox-1.0.1.js"></script>
  <script src="<?echo base_url('themes/jquery.mobile.scrollview.js');?>"></script>
  <script src="<?echo base_url('themes/scrollview.js');?>"></script>
  <?php if (false) :?>
  
        <script src="<?echo base_url('themes/jquery.mobile.iscroll.js');?>"></script>
        <script src="http://cubiq.org/dropbox/iscroll/iscroll.js?v3.7.1"></script>
	
	<?php endif;?>
	<script>
	function animate(){ 
 $('.splash').fadeIn('slow');}
      </script>
	</head> 
<body onLoad="animate()">
<script>


$(function() {
  setTimeout(hideSplash, 2000);
});

function hideSplash() {
  $.mobile.changePage("<?=site_url('splash_controller');?>", "fade");
}
</script>


<div data-role="page" id="splash" data-theme="a"> 
    <div class="splash" hidden="true">
      <center><img style="margin-top:10%;" src="<?=base_url();?>themes/resources/logo.png"/></center>
    </div>
</div>

</body>